<template>
  <div></div>
</template>

<script>
import axios from "axios";
export default {
  // 默认发送ajax created  mounted当中
  // 如果有按钮 某些操作触发发送ajax method写方法
  // 如果要使用axios    发送ajax请求的
  // 需要先下载  npm i -S axios
  // 哪里使用哪里引入
  created() {
    // axios({}).then().catch()
    const instance = axios.create();
    // axios进行默认配置
    instance.defaults.baseURL = "https://autumnfish.cn";

    // instance是axios的实例
    instance({
      method: "get", //请求方式  get post
      //   baseURL: , //基础路径
      url: "/search", //
      // headers: {},//请求头
      transformRequest: [
        function (data) {
          console.log(data);
          //   拦住之后可以做一些操作,必须返回
          return data;
        },
      ],
      transformResponse: [
        function (data) {
          console.log(data);
          data = JSON.parse(data);
          return data;
        },
      ],
      //   与url放到一起的参数 query ?key=valule&key=valu
      //   params    /value/value
      params: {
        keywords: "小虎队",
        time: new Date().getTime(),
        num: Math.random(),
      },
      //   data指的是请求体的参数  post
      data: {},
      timeout: 1000, //超时时间
    })
      .then((res) => {
        console.log(res);
        console.log(res.data.result.songs);
      })
      .catch((err) => {
        console.log(err);
      });
  },
};
</script>

<style lang="scss" scoped>
</style>